<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>企业荣誉 - 创新科技</title>
    <meta name="description" content="创新科技企业荣誉展示，包括行业认证、奖项荣誉、合作伙伴等成就。">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/responsive.css">
    <link rel="stylesheet" href="styles/honors.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
</head>

<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="nav-container">
            <div class="nav-logo">
                <a href="index.html">
                    <h2>创新科技</h2>
                </a>
            </div>
            <ul class="nav-menu">
                <li class="nav-item">
                    <a href="index.html" class="nav-link">首页</a>
                </li>
                <li class="nav-item">
                    <a href="index.html#about" class="nav-link">关于我们</a>
                </li>
                <li class="nav-item">
                    <a href="index.html#services" class="nav-link">服务</a>
                </li>
                <li class="nav-item">
                    <a href="products.html" class="nav-link">产品</a>
                </li>
                <li class="nav-item">
                    <a href="honors.html" class="nav-link active">企业荣誉</a>
                </li>
                <li class="nav-item">
                    <a href="index.html#contact" class="nav-link">联系我们</a>
                </li>
            </ul>
            <div class="nav-toggle" id="mobile-menu">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
            </div>
        </div>
    </nav>

    <!-- 页面头部 -->
    <section class="page-header">
        <div class="container">
            <div class="header-content">
                <h1>企业荣誉</h1>
                <p>见证我们的成长历程，分享我们的辉煌成就</p>
                <nav class="breadcrumb">
                    <a href="index.html">首页</a>
                    <span>/</span>
                    <span>企业荣誉</span>
                </nav>
            </div>
        </div>
    </section>

    <!-- 荣誉统计 -->
    <section class="honors-stats">
        <div class="container">
            <div class="stats-grid">
                <div class="stat-card">
                    <div class="stat-icon">
                        <i class="fas fa-trophy"></i>
                    </div>
                    <div class="stat-content">
                        <h3>50+</h3>
                        <p>行业奖项</p>
                    </div>
                </div>
                <div class="stat-card">
                    <div class="stat-icon">
                        <i class="fas fa-certificate"></i>
                    </div>
                    <div class="stat-content">
                        <h3>20+</h3>
                        <p>权威认证</p>
                    </div>
                </div>
                <div class="stat-card">
                    <div class="stat-icon">
                        <i class="fas fa-handshake"></i>
                    </div>
                    <div class="stat-content">
                        <h3>100+</h3>
                        <p>合作伙伴</p>
                    </div>
                </div>
                <div class="stat-card">
                    <div class="stat-icon">
                        <i class="fas fa-star"></i>
                    </div>
                    <div class="stat-content">
                        <h3>15年</h3>
                        <p>行业经验</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 荣誉分类 -->
    <section class="honors-categories">
        <div class="container">
            <div class="category-tabs">
                <button class="tab-btn active" data-category="all">全部荣誉</button>
                <button class="tab-btn" data-category="awards">奖项荣誉</button>
                <button class="tab-btn" data-category="certifications">权威认证</button>
                <button class="tab-btn" data-category="partnerships">合作伙伴</button>
                <button class="tab-btn" data-category="media">媒体报道</button>
            </div>
        </div>
    </section>

    <!-- 奖项荣誉 -->
    <section class="awards-section">
        <div class="container">
            <div class="section-header">
                <h2>奖项荣誉</h2>
                <p>在技术创新和行业发展中获得的认可与荣誉</p>
            </div>

            <div class="awards-grid" data-category="awards">
                <div class="award-card">
                    <div class="award-year">2024</div>
                    <div class="award-content">
                        <div class="award-icon">
                            <i class="fas fa-medal"></i>
                        </div>
                        <div class="award-info">
                            <h3>中国软件行业协会优秀企业奖</h3>
                            <p>在软件技术创新和产业发展方面表现卓越，获得行业权威认可</p>
                            <div class="award-tags">
                                <span class="tag">国家级</span>
                                <span class="tag">软件行业</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="award-card">
                    <div class="award-year">2023</div>
                    <div class="award-content">
                        <div class="award-icon">
                            <i class="fas fa-trophy"></i>
                        </div>
                        <div class="award-info">
                            <h3>国家高新技术企业认定</h3>
                            <p>通过国家高新技术企业认定，体现了公司在技术创新方面的实力</p>
                            <div class="award-tags">
                                <span class="tag">国家级</span>
                                <span class="tag">高新技术</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="award-card">
                    <div class="award-year">2023</div>
                    <div class="award-content">
                        <div class="award-icon">
                            <i class="fas fa-crown"></i>
                        </div>
                        <div class="award-info">
                            <h3>北京市科技进步奖</h3>
                            <p>在云计算技术研发方面取得重大突破，获得北京市科技进步奖</p>
                            <div class="award-tags">
                                <span class="tag">市级</span>
                                <span class="tag">科技进步</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="award-card">
                    <div class="award-year">2022</div>
                    <div class="award-content">
                        <div class="award-icon">
                            <i class="fas fa-gem"></i>
                        </div>
                        <div class="award-info">
                            <h3>中国云计算大会最佳创新奖</h3>
                            <p>在云计算技术创新方面表现突出，获得行业最佳创新奖</p>
                            <div class="award-tags">
                                <span class="tag">行业级</span>
                                <span class="tag">云计算</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="award-card">
                    <div class="award-year">2022</div>
                    <div class="award-content">
                        <div class="award-icon">
                            <i class="fas fa-star"></i>
                        </div>
                        <div class="award-info">
                            <h3>中关村科技园区优秀企业</h3>
                            <p>在中关村科技园区发展中贡献突出，被评为优秀企业</p>
                            <div class="award-tags">
                                <span class="tag">园区级</span>
                                <span class="tag">优秀企业</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="award-card">
                    <div class="award-year">2021</div>
                    <div class="award-content">
                        <div class="award-icon">
                            <i class="fas fa-rocket"></i>
                        </div>
                        <div class="award-info">
                            <h3>中国软件行业最具成长性企业</h3>
                            <p>在软件行业快速发展，被评为最具成长性企业</p>
                            <div class="award-tags">
                                <span class="tag">行业级</span>
                                <span class="tag">成长性</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 权威认证 -->
    <section class="certifications-section">
        <div class="container">
            <div class="section-header">
                <h2>权威认证</h2>
                <p>通过国际和国内权威机构认证，确保产品和服务质量</p>
            </div>

            <div class="certifications-grid" data-category="certifications">
                <div class="cert-card">
                    <div class="cert-logo">
                        <i class="fas fa-shield-alt"></i>
                    </div>
                    <div class="cert-info">
                        <h3>ISO 27001 信息安全管理体系认证</h3>
                        <p>通过国际信息安全管理体系认证，确保客户数据安全</p>
                        <div class="cert-details">
                            <span class="cert-org">认证机构：SGS</span>
                            <span class="cert-date">认证时间：2024年3月</span>
                        </div>
                    </div>
                </div>

                <div class="cert-card">
                    <div class="cert-logo">
                        <i class="fas fa-cloud"></i>
                    </div>
                    <div class="cert-info">
                        <h3>ISO 9001 质量管理体系认证</h3>
                        <p>通过国际质量管理体系认证，确保产品和服务质量</p>
                        <div class="cert-details">
                            <span class="cert-org">认证机构：TÜV</span>
                            <span class="cert-date">认证时间：2023年8月</span>
                        </div>
                    </div>
                </div>

                <div class="cert-card">
                    <div class="cert-logo">
                        <i class="fas fa-lock"></i>
                    </div>
                    <div class="cert-info">
                        <h3>SOC 2 Type II 认证</h3>
                        <p>通过SOC 2 Type II认证，证明服务的安全性和可用性</p>
                        <div class="cert-details">
                            <span class="cert-org">认证机构：AICPA</span>
                            <span class="cert-date">认证时间：2023年12月</span>
                        </div>
                    </div>
                </div>

                <div class="cert-card">
                    <div class="cert-logo">
                        <i class="fas fa-leaf"></i>
                    </div>
                    <div class="cert-info">
                        <h3>ISO 14001 环境管理体系认证</h3>
                        <p>通过环境管理体系认证，践行绿色可持续发展理念</p>
                        <div class="cert-details">
                            <span class="cert-org">认证机构：BSI</span>
                            <span class="cert-date">认证时间：2023年6月</span>
                        </div>
                    </div>
                </div>

                <div class="cert-card">
                    <div class="cert-logo">
                        <i class="fas fa-users"></i>
                    </div>
                    <div class="cert-info">
                        <h3>ISO 45001 职业健康安全管理体系认证</h3>
                        <p>通过职业健康安全管理体系认证，保障员工健康安全</p>
                        <div class="cert-details">
                            <span class="cert-org">认证机构：DNV</span>
                            <span class="cert-date">认证时间：2023年9月</span>
                        </div>
                    </div>
                </div>

                <div class="cert-card">
                    <div class="cert-logo">
                        <i class="fas fa-code"></i>
                    </div>
                    <div class="cert-info">
                        <h3>CMMI Level 5 软件能力成熟度认证</h3>
                        <p>通过CMMI Level 5认证，证明软件开发过程管理能力</p>
                        <div class="cert-details">
                            <span class="cert-org">认证机构：SEI</span>
                            <span class="cert-date">认证时间：2022年11月</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 合作伙伴 -->
    <section class="partnerships-section">
        <div class="container">
            <div class="section-header">
                <h2>合作伙伴</h2>
                <p>与行业领先企业建立战略合作关系，共同推动行业发展</p>
            </div>

            <div class="partnerships-grid" data-category="partnerships">
                <div class="partner-category">
                    <h3>技术合作伙伴</h3>
                    <div class="partners-list">
                        <div class="partner-item">
                            <div class="partner-logo">
                                <i class="fab fa-microsoft"></i>
                            </div>
                            <div class="partner-info">
                                <h4>Microsoft</h4>
                                <p>云计算技术合作伙伴</p>
                            </div>
                        </div>
                        <div class="partner-item">
                            <div class="partner-logo">
                                <i class="fab fa-aws"></i>
                            </div>
                            <div class="partner-info">
                                <h4>Amazon Web Services</h4>
                                <p>云服务技术合作伙伴</p>
                            </div>
                        </div>
                        <div class="partner-item">
                            <div class="partner-logo">
                                <i class="fab fa-google"></i>
                            </div>
                            <div class="partner-info">
                                <h4>Google Cloud</h4>
                                <p>AI技术合作伙伴</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="partner-category">
                    <h3>行业合作伙伴</h3>
                    <div class="partners-list">
                        <div class="partner-item">
                            <div class="partner-logo">
                                <i class="fas fa-building"></i>
                            </div>
                            <div class="partner-info">
                                <h4>中国工商银行</h4>
                                <p>金融科技解决方案合作伙伴</p>
                            </div>
                        </div>
                        <div class="partner-item">
                            <div class="partner-logo">
                                <i class="fas fa-industry"></i>
                            </div>
                            <div class="partner-info">
                                <h4>中国石油</h4>
                                <p>工业数字化转型合作伙伴</p>
                            </div>
                        </div>
                        <div class="partner-item">
                            <div class="partner-logo">
                                <i class="fas fa-shopping-cart"></i>
                            </div>
                            <div class="partner-info">
                                <h4>阿里巴巴</h4>
                                <p>电商技术合作伙伴</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="partner-category">
                    <h3>学术合作伙伴</h3>
                    <div class="partners-list">
                        <div class="partner-item">
                            <div class="partner-logo">
                                <i class="fas fa-graduation-cap"></i>
                            </div>
                            <div class="partner-info">
                                <h4>清华大学</h4>
                                <p>产学研合作基地</p>
                            </div>
                        </div>
                        <div class="partner-item">
                            <div class="partner-logo">
                                <i class="fas fa-university"></i>
                            </div>
                            <div class="partner-info">
                                <h4>北京大学</h4>
                                <p>技术创新联合实验室</p>
                            </div>
                        </div>
                        <div class="partner-item">
                            <div class="partner-logo">
                                <i class="fas fa-microscope"></i>
                            </div>
                            <div class="partner-info">
                                <h4>中科院计算所</h4>
                                <p>技术研发合作机构</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 媒体报道 -->
    <section class="media-section">
        <div class="container">
            <div class="section-header">
                <h2>媒体报道</h2>
                <p>权威媒体对我们的关注和报道</p>
            </div>

            <div class="media-grid" data-category="media">
                <div class="media-card">
                    <div class="media-logo">
                        <i class="fas fa-newspaper"></i>
                    </div>
                    <div class="media-content">
                        <h3>《人民日报》</h3>
                        <p class="media-title">"创新科技：引领数字化转型新浪潮"</p>
                        <p class="media-excerpt">深度报道了公司在数字化转型领域的创新实践和行业贡献...</p>
                        <div class="media-meta">
                            <span class="media-date">2024年1月15日</span>
                            <span class="media-type">深度报道</span>
                        </div>
                    </div>
                </div>

                <div class="media-card">
                    <div class="media-logo">
                        <i class="fas fa-tv"></i>
                    </div>
                    <div class="media-content">
                        <h3>中央电视台</h3>
                        <p class="media-title">"科技企业助力产业升级"</p>
                        <p class="media-excerpt">在《新闻联播》中报道了公司为传统产业提供数字化解决方案的案例...</p>
                        <div class="media-meta">
                            <span class="media-date">2023年12月8日</span>
                            <span class="media-type">新闻联播</span>
                        </div>
                    </div>
                </div>

                <div class="media-card">
                    <div class="media-logo">
                        <i class="fas fa-globe"></i>
                    </div>
                    <div class="media-content">
                        <h3>《科技日报》</h3>
                        <p class="media-title">"云计算技术突破：创新科技获重大进展"</p>
                        <p class="media-excerpt">详细报道了公司在云计算技术研发方面取得的重大突破和创新成果...</p>
                        <div class="media-meta">
                            <span class="media-date">2023年11月20日</span>
                            <span class="media-type">技术报道</span>
                        </div>
                    </div>
                </div>

                <div class="media-card">
                    <div class="media-logo">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <div class="media-content">
                        <h3>《经济日报》</h3>
                        <p class="media-title">"数字经济新动能：创新科技的发展之路"</p>
                        <p class="media-excerpt">从经济角度分析了公司在数字经济发展中的重要作用和未来前景...</p>
                        <div class="media-meta">
                            <span class="media-date">2023年10月12日</span>
                            <span class="media-type">经济分析</span>
                        </div>
                    </div>
                </div>

                <div class="media-card">
                    <div class="media-logo">
                        <i class="fas fa-laptop"></i>
                    </div>
                    <div class="media-content">
                        <h3>《计算机世界》</h3>
                        <p class="media-title">"企业级云计算解决方案的创新实践"</p>
                        <p class="media-excerpt">专业媒体深度分析了公司企业级云计算解决方案的技术特点和市场表现...</p>
                        <div class="media-meta">
                            <span class="media-date">2023年9月5日</span>
                            <span class="media-type">专业分析</span>
                        </div>
                    </div>
                </div>

                <div class="media-card">
                    <div class="media-logo">
                        <i class="fas fa-mobile-alt"></i>
                    </div>
                    <div class="media-content">
                        <h3>《中国信息化周报》</h3>
                        <p class="media-title">"移动办公新体验：创新科技的产品创新"</p>
                        <p class="media-excerpt">报道了公司在移动办公领域的产品创新和用户体验优化...</p>
                        <div class="media-meta">
                            <span class="media-date">2023年8月18日</span>
                            <span class="media-type">产品报道</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 发展历程 -->
    <section class="timeline-section">
        <div class="container">
            <div class="section-header">
                <h2>发展历程</h2>
                <p>回顾我们的成长足迹，展望美好未来</p>
            </div>

            <div class="timeline">
                <div class="timeline-item">
                    <div class="timeline-year">2024</div>
                    <div class="timeline-content">
                        <h3>获得ISO 27001认证</h3>
                        <p>通过国际信息安全管理体系认证，进一步提升安全服务能力</p>
                    </div>
                </div>

                <div class="timeline-item">
                    <div class="timeline-year">2023</div>
                    <div class="timeline-content">
                        <h3>获得国家高新技术企业认定</h3>
                        <p>通过国家高新技术企业认定，获得多项政策支持</p>
                    </div>
                </div>

                <div class="timeline-item">
                    <div class="timeline-year">2022</div>
                    <div class="timeline-content">
                        <h3>云计算平台正式上线</h3>
                        <p>自主研发的云计算平台正式上线，服务客户超过1000家</p>
                    </div>
                </div>

                <div class="timeline-item">
                    <div class="timeline-year">2021</div>
                    <div class="timeline-content">
                        <h3>完成B轮融资</h3>
                        <p>完成B轮融资，获得知名投资机构投资，加速业务发展</p>
                    </div>
                </div>

                <div class="timeline-item">
                    <div class="timeline-year">2020</div>
                    <div class="timeline-content">
                        <h3>获得多项软件著作权</h3>
                        <p>获得20多项软件著作权，知识产权保护体系进一步完善</p>
                    </div>
                </div>

                <div class="timeline-item">
                    <div class="timeline-year">2019</div>
                    <div class="timeline-content">
                        <h3>获得ISO 9001认证</h3>
                        <p>通过ISO 9001质量管理体系认证，建立完善的质量管理体系</p>
                    </div>
                </div>

                <div class="timeline-item">
                    <div class="timeline-year">2018</div>
                    <div class="timeline-content">
                        <h3>完成A轮融资</h3>
                        <p>完成A轮融资，获得资金支持，扩大研发团队</p>
                    </div>
                </div>

                <div class="timeline-item">
                    <div class="timeline-year">2017</div>
                    <div class="timeline-content">
                        <h3>获得首项发明专利</h3>
                        <p>获得首项发明专利，技术创新能力得到认可</p>
                    </div>
                </div>

                <div class="timeline-item">
                    <div class="timeline-year">2016</div>
                    <div class="timeline-content">
                        <h3>获得软件企业认定</h3>
                        <p>通过软件企业认定，享受软件企业优惠政策</p>
                    </div>
                </div>

                <div class="timeline-item">
                    <div class="timeline-year">2015</div>
                    <div class="timeline-content">
                        <h3>获得首轮天使投资</h3>
                        <p>获得首轮天使投资，为后续发展奠定基础</p>
                    </div>
                </div>

                <div class="timeline-item">
                    <div class="timeline-year">2014</div>
                    <div class="timeline-content">
                        <h3>获得软件著作权</h3>
                        <p>获得首项软件著作权，知识产权保护工作正式启动</p>
                    </div>
                </div>

                <div class="timeline-item">
                    <div class="timeline-year">2013</div>
                    <div class="timeline-content">
                        <h3>获得首个大客户</h3>
                        <p>与某大型企业签署合作协议，获得首个大客户</p>
                    </div>
                </div>

                <div class="timeline-item">
                    <div class="timeline-year">2012</div>
                    <div class="timeline-content">
                        <h3>获得首项技术专利</h3>
                        <p>获得首项技术专利，技术创新工作取得突破</p>
                    </div>
                </div>

                <div class="timeline-item">
                    <div class="timeline-year">2011</div>
                    <div class="timeline-content">
                        <h3>获得软件产品登记证书</h3>
                        <p>获得首项软件产品登记证书，产品化工作正式启动</p>
                    </div>
                </div>

                <div class="timeline-item">
                    <div class="timeline-year">2010</div>
                    <div class="timeline-content">
                        <h3>公司正式成立</h3>
                        <p>创新科技有限公司正式成立，开启创业征程</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 联系我们 -->
    <section class="contact-cta">
        <div class="container">
            <div class="cta-content">
                <h2>与我们携手共创辉煌</h2>
                <p>如果您对我们的成就感兴趣，欢迎与我们联系，共同探讨合作机会</p>
                <div class="cta-buttons">
                    <a href="index.html#contact" class="btn btn-primary">联系我们</a>
                    <a href="products.html" class="btn btn-secondary">了解产品</a>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>创新科技</h3>
                    <p>专业的企业解决方案提供商，致力于为客户创造价值。</p>
                    <div class="social-links">
                        <a href="#"><i class="fab fa-facebook"></i></a>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                        <a href="#"><i class="fab fa-linkedin"></i></a>
                        <a href="#"><i class="fab fa-weibo"></i></a>
                    </div>
                </div>
                <div class="footer-section">
                    <h4>快速链接</h4>
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="index.html#about">关于我们</a></li>
                        <li><a href="index.html#services">服务</a></li>
                        <li><a href="products.html">产品</a></li>
                        <li><a href="honors.html">企业荣誉</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>荣誉展示</h4>
                    <ul>
                        <li><a href="#awards">奖项荣誉</a></li>
                        <li><a href="#certifications">权威认证</a></li>
                        <li><a href="#partnerships">合作伙伴</a></li>
                        <li><a href="#media">媒体报道</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>联系信息</h4>
                    <p><i class="fas fa-phone"></i> +86 400-123-4567</p>
                    <p><i class="fas fa-envelope"></i> contact@innovate-tech.com</p>
                    <p><i class="fas fa-map-marker-alt"></i> 北京市朝阳区科技园区</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2024 创新科技. 保留所有权利.</p>
            </div>
        </div>
    </footer>

    <script src="scripts/main.js"></script>
    <script src="scripts/honors.js"></script>
</body>

</html>